<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的订单_个人中心_华为商城</title>
    <link rel="Shortcut Icon" href="../img/img_ent_en_logo_ico.png">
    <link rel="stylesheet" href="../css/common/header.css">
    <link rel="stylesheet" href="../css/Myorder.css">
    <link rel="stylesheet" href="../libs/iconfont.css">
    <link rel="stylesheet" href="../css/common/footer.css">
    <link rel="stylesheet" href="../css/common/reset.css">
</head>
<body>
    <header></header>
    <div class="main">
        <div class="con-between"></div>
        <div class="con-center">
            <div class="breadcrumb">
                <h4><a href="">首页</a> <span class="iconfont icon-you"></span>我的商城<span class="iconfont icon-you"></span>我的订单</h4>
            </div>
            <div class="g">
                <!-- 左边菜单 -->
                <div class="mc-menu-area">
                    <h3>我的商城</h3>
                    <ul>
                        <li class="menu-title-l">我的消息</li>
                        <li>消息中心</li>
                        <li>活动推送</li>
                    </ul>
                    <ul>
                        <li class="menu-title-l">订单中心</li>
                        <li>我的订单</li>
                        <li>我的退换货</li>
                        <li>我的退款</li>
                        <li>我的回收单</li>
                        <li>商品评价/追评</li>
                    </ul>
                    <ul>
                        <li class="menu-title-l">我的资产</li>
                        <li>我的积分</li>
                        <li>我的优惠券</li>
                        <li>我的代金券</li>
                        <li>等级与特权</li>
                    </ul>
                    <ul>
                        <li class="menu-title-l">购买支持</li>
                        <li>收货地址管理</li>
                        <li>实名认证</li>
                        <li>我的预约</li>
                        <li>到货通知</li>
                        <li>我的优享购</li>
                    </ul>
                    <ul>
                        <li class="menu-title-l">隐私设置</li>
                    </ul>
                    <ul>
                        <li class="menu-title-l">帮助中心</li>
                    </ul>
                </div>
                <!-- 栏目 -->
                <div class="fr-con">
                    <div class="section-header">
                        <h2>我的订单</h2>
                        <div class="fr">
                            <span>最近六个月内订单</span>
                            <span>六个月前订单</span>
                        </div>
                    </div>
                    <div class="myorder-cate">
                        <ul>
                            <li class="all-order"><a href="">全部有效订单</a></li>
                            <li><a href="">待付款</a></li>
                            <li><a href="">待收货</a></li>
                            <li><a href="">已完成</a></li>
                            <li><a href="">待评价</a></li>
                            <li><a href="">已取消</a></li>
                        </ul>
                    </div>
                    <div class="list-group-title">
                        <table>
                            <thead>
                                <tr>
                                    <th class="col-pro">商品</th>
                                    <th class="col-price">单价/元</th>
                                    <th class="col-quty">数量</th>
                                    <th class="col-condition">状态</th>
                                    <th class="col-pay">实付款/元</th>
                                    <th class="col-operate">订单状态及操作</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                    <div class="list-group-empty">
                        您暂时没有相关记录。
                    </div>
                </div>
            </div>
        </div>
        <div class="con-between"></div>
    </div>
    <footer></footer>
    <script src="../libs/jquery.min.js"></script>
    <script>
        $('header').load('./common/header.html')
        $('footer').load('./common/footer.html')
    </script>
</body>
</html>